

<style>
.table-list ul.pic { }
.table-list ul.pic li {float:left;position:relative;margin:5px 10px;_margin:5px 8px;width:82px;}
.table-list ul.pic li span { width:82px;height:82px;}
.table-list ul.pic li span a {border:1px solid #eee;width:80px;height:80px;*font-size: 75px;}
.table-list ul.pic li img  {max-height:80px;max-width:80px ;_width:80px;_height:80px;}
.table-list ul.pic li  b {display:block;line-height:20px;height:20px;font-weight:normal;width:82px;overflow:hidden;}
.table-list ul.pic li  em {position:absolute;right:0;bottom:20px;}

</style>
<div class="table-list">

	<ul class="pic">
		<if condition="$leve">
			<li>
				<span>
					<a href="{:U($module_name.'/images?folder=')}{$uppath}">
						<img src="__PUBLIC__/Images/upback.gif"></a>
				</span> <b><font color="#665aff">{:L(goback)}</font></b> 
			</li>
		</if>
		<volist name="folders" id="vo">
			<li>
				<span>
					<a href="{:U($module_name.'/images?folder='.$_GET['folder'])}{$vo.filename}/">
						<img src="__PUBLIC__/Images/folder.gif"></a>
				</span> <b>{$vo.filename}</b> <em><a href="javascript:confirm_delete('{:U($module_name.'/images?delete=1&folder='.$_GET['folder'].'&filename='.$vo[filename])}')">{:L(delete)}</a></em> 
			</li>
		</volist>

		<volist name="files" id="vo">
			<li>
				<span>
					<a href="../Public/images/{$_GET['folder']}{$vo.filename}" target="_blank">
						<if condition="!empty($vo['ico'])">
							<img src="__PUBLIC__/Images/ext/{$vo['ext']}.png">
							<else />
							<img src="{$Public}images/{$_GET['folder']}{$vo.filename}" ></if>
					</a>
				</span>
				<b>{$vo.filename}</b> <em><a href="javascript:confirm_delete('{:U($module_name.'/images?delete=1&folder='.$_GET['folder'].'&filename='.$vo[filename])}')">{:L(delete)}</a></em> 
			</li>
		</volist>
	</ul>
</div>